.theme-iview {
  .avue-header {
    background-color: #3a4052;
  }

  .avue-sidebar {
    background-color: #3a4052;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
    border-right: 1px solid #333745;

    .el-menu-item,
    .el-submenu__title {

      i,
      span {
        color: #808696;
      }

      &:hover {
        background: transparent;

        i,
        span {
          color: #409eff;
        }
      }

      &.is-active {
        &:hover {
          background-color: #344864;
        }

        &:before {
          left: auto;
          right: 0;
        }

        background-color: #344864;

        i,
        span {
          color: #409eff;
        }
      }
    }
  }

  .avue-logo {
    background-color: #3a4052;
    box-shadow: none;
    border-bottom: 1px solid #333745;

    .avue-logo_title {
      color: #409eff;
      font-size: 24px;
    }
  }

  .avue-tags {
    background: #3a4052;
    border-top: 1px solid #333745;

    .el-tabs__item {
      color: #808696 !important;
    }

    .is-active {
      background-color: #333745;
      color: #409EFF !important;
      border-bottom: none !important;
    }

    .avue-tags__box {
      background-color: #3a4052;
    }
  }

  .theme-button {
    background: #484f61;
    color: #bfcfdc;
    border: none;
    font-weight: bold;
  }

  .avue-contail {
    background: #333745;
  }

  .el-card {
    background-color: #3a4052 !important;
  }

  .top-bar__left i,
  .top-bar__right i {
    color: #808696;


  }

  .top-bar__right {
    .el-input__inner {
      color: #fff;
      background-color: transparent;
    }
  }

  .el-popover {
    background: #3a4052;
    border-color: #3a4052;

    .module-cell {
      background: #41485a;

      i,
      p {
        color: #bfcfdc;
      }
    }
  }

  .popper__arrow {
    border-bottom-color: #3a4052 !important;

    &::after {
      border-bottom-color: #3a4052 !important;
    }
  }

  .avue-main .basic-container>.el-card {
    border: 1px solid #3a4052 !important;
  }

  .el-tree {
    background: #3a4052;

    span {
      color: #808696;
    }
  }

  .region-list-title span {
    color: #808696;
  }

  .footer {
    background: #3a4052;
    border-top: 1px solid #3a4052;
  }
}
